/* CSS Document */

body{ margin:0px; min-width:320px; max-width:640px; margin:0 auto; font-size:14px; background-color:#f8f8f8}
img{ border:0px}
ul,li{ margin:0px; padding:0px; list-style:none}
form{ margin:0px; padding:0px}
table{border-collapse:collapse;}
input[type="text"],
input[type="search"],
input[type="password"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="number"]{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;-webkit-appearance : none; outline: 0;}

a:link{ color:#222; text-decoration:none}
a:visited{ color:#222; text-decoration:none}
a:hover{ color:#222; text-decoration:none; outline:none}

.justify{text-justify: inter-ideograph ;text-align:justify;  }

.iconfont{ font-size:inherit}

#Head{ background-color:#E74383; height:50px; color:#FFF; line-height:50px; text-align:center}
#Head .back{ height:50px; width:60px; float:left; background-image:url(../images/button.gif); background-repeat:no-repeat; background-size:50px 1000px; padding-left:30px; text-align:left; color:#FFF}
#Head .cate{ height:50px; width:50px; float:right; background-image:url(../images/button.png); background-position:left -50px}
#Head .sitename{ height:50px;text-align:center; color:#FFF; font-size:18px;}
#Head .sitecity{ height:50px;width:56px;text-align:right; color:#FFF; font-size:14px; float:right;background-image:url(../images/arrowdown.gif); background-size:25px 8px; background-position:right center; background-repeat:no-repeat; padding-right:34px}

footer{background-color:#eee; line-height:30px; text-align:center; color:#999; padding:10px}

.List{ border:1px solid #DDD; border-radius:8px;background-color:#f4f4f4}
.List li{ line-height:40px; border-top:1px solid #EEE;padding-left:10px; padding-right:10px;}
.List li a{ line-height:40px; display:block;}
.List li a:active{ background-color:#CCC}

  
.Row{ line-height:1.5; padding:12px; display:block; position:relative; background-color:#FFF}
.Row:after{content:" ";position:absolute;  left:12px; bottom:0; right:12px; height:0; border-bottom:1px solid #e5e5e5; color:#e5e5e5; -webkit-transform-origin:0 100%;transform-origin:0 100%; -webkit-transform:scaleY(0.5);transform:scaleY(0.5);z-index:2;}
.Row span{ line-height:1.2; display:inline-block; color:#999; font-size:12px}

a .Row{ padding-right:25px }
a .Row:before{content:" ";position:absolute; width:10px; height:10px; top:calc(50% - 6px); right:12px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5 ;z-index:2;transform:rotate(45deg); }

#Page{ text-align:center; line-height:40px; margin:10px; color:#DDD }
#Page a{background-color:#fff; display:block; height:40px; border:1px solid #EEE; margin-bottom:10px; color:#666; border-radius:3px }
#Page a:hover{ background-color:#EEEEEE; text-decoration:none}

.lbutton{ text-align:center; line-height:40px; margin:0px; color:#FFF; border-radius:3px;background-color:#000;}
.lbutton a{ display:block; height:40px; color:#FFF; font-size:14px }
.lbutton a:hover{ text-decoration:none}

.Category{ margin-bottom:10px}

.Line{ color:#E74383; border:1px solid #E74383; height:0px; background-color:#E74383}

.clearfix:after {
   content:"";
   display: block;
   clear: both;
   visibility: hidden;
   height:1px;
   font-size: 0;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {zoom: 1;}

#newsbody img{ max-width:100%; height:auto }
#newsbody{text-align:justify; text-justify: inter-ideograph;font-size:17px; line-height:180%; margin-bottom:10px;-webkit-justify-content: flex-end;justify-content: flex-end;}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px}
dd,dt,dl{ margin:0px; padding:0px}

h1{ font-size:22px; line-height:36px;font-weight:normal; border-left:5px solid #E74383; padding-left:10px; padding-right:10px; margin-top:10px; margin-bottom:10px}
h2{ font-size:20px; line-height:30px;font-weight:normal}
h3{ font-size:18px; line-height:28px; font-weight:normal}
h4{ font-size:16px; font-weight:normal; margin-bottom:8px}
h5{ font-size:14px; font-weight:normal; margin-bottom:7px}
h6{ font-size:12px; font-weight:normal; margin-bottom:6px}
big{ color:#E74383}

.padding10{ padding:10px}

#Dir{ min-height:40px;background-color:#eee; position:relative}
#Dir li{ float:left; height:40px; position:relative;}
#Dir li:after{content:" "; width:20px; height:20px;transform: rotate(45deg); background-color:#000}
#Dir li a{ display:block; height:40px;line-height:40px; padding-left:30px; padding-right:10px }

#Nav{ min-height:45px;margin:1px }
#Nav li{ float:left; text-align:center;overflow:hidden;}
#Nav li a{ display:block; height:43px;line-height:43px; color:#FFF; margin:1px; background-color:#E74383;}
#Nav .Focus a{ background-image:none;}

#SmallNav{ min-height:40px; padding:1px; }
#SmallNav li{ float:left; height:40px; text-align:center; background-color:#fff; overflow:hidden}
#SmallNav li a{ display:block; height:38px;line-height:38px;  border:1px solid #fff; background-color:#f4f4f4;}
#SmallNav .Focus a{ background-color:#CCC}


.FilterList{ min-height:40px;}
.FilterList li{ float:left; height:40px; text-align:center; background-color:#fff; overflow:hidden; width:25%}
.FilterList li a{ display:block; height:39px;line-height:39px; ; border-right:1px solid #EEE; border-bottom:1px solid #EEE;}
.FilterList .Focus a{ background-color:#F4F4F4}

.TopNav{ min-height:90px; background-color:#EEE; }
.TopNav li{ float:left; height:90px; line-height:25px; text-align:center; background-color:#EEE;  overflow:hidden}
.TopNav li a{ display:block; height:70px;padding-top:10px; padding-bottom:10px;  width:100%; color:#333;background-image:url(../images/button.png); background-position:left -150px; }
.TopNav .Focus a{ background-image:none; background-color:#DDD}

.item{ line-height:25px;padding-left:25px; font-weight:bold; font-size:15px; position:relative; margin:10px 0}
.item:before{ content:""; width:5px; top:2px; bottom:2px; left:10px; border-radius:2px; background-color:#E74383; position:absolute}

a .item{ position:relative}
a .item:after{content:" ";position:absolute; width:10px; height:10px; top:calc(50% - 6px); right:12px; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5 ;z-index:2;transform:rotate(45deg); }

#news li{ border-bottom:1px solid #DDD; height:80px; overflow:hidden }
#news li .Image{ float:left; width:80px; height:60px; margin-right:10px}
#news li .Image img{width:80px; height:60px}
#news li .Title{ color:#000000; font-weight:bold; height:20px; overflow:hidden; line-height:20px; margin-bottom:2px}
#news li .Body{ color:#999999; height:20px; overflow:hidden; line-height:20px; font-size:12px; margin-bottom:2px}
#news li .Date{ color:#666666; height:20px; overflow:hidden; line-height:20px;}
#news li a{ display:block; height:60px; padding:10px;text-decoration:none}

.DotList li{ height:45px; line-height:45px;border-bottom:1px solid #EEE; overflow:hidden;background:url(../images/arrowright.gif) right 5px center no-repeat; background-size:11px 20px;  padding-right:20px }
.DotList li a{ display:block; height:45px; padding-left:10px}
.DotList li a span{ font-size:12px}





#brand li{ border-bottom:1px solid #DDD; height:80px; overflow:hidden }
#brand li .Image{ float:left; width:108px; height:60px; margin-right:10px}
#brand li .Image img{width:108px; height:60px}
#brand li .Title{ color:#000000; font-weight:bold; height:20px; overflow:hidden; line-height:20px; margin-bottom:2px}
#brand li .Body{ color:#999999; height:20px; overflow:hidden; line-height:20px; font-size:12px; margin-bottom:1px}
#brand li .Date{ color:#900; height:20px; overflow:hidden; line-height:20px; font-size:12px}
#brand li a{ display:block; height:60px; padding:10px;text-decoration:none}


.content{ line-height:200%; color:#666; padding:15px; font-size:14px; background-color:#FFF}
.content1{ line-height:200%; color:#666; padding:20px; font-size:14px; background-color:#FFF}

.table5 td{ padding:5px}
.table10 td{ padding:10px}

.dir:after {   content: ".";   display: block;   clear: both;   visibility: hidden;   height: 0;   font-size: 0;}
.dir {display: block; margin:0 0; border-top:0px solid rgba(0, 0, 0, 0.1); border-bottom:0px solid rgba(0, 0, 0, 0.1); margin:10px 0}
.dir{ line-height:40px; font-size:12px;background-color:#fff; width:100%; height:40px; overflow:hidden }
.dir li{ float:left; position:relative; padding-left:50px;}
.dir li a{ display:block; height:40px;  }
.dir li:before{content:" "; width:30px; height:30px; position:absolute; left:0px ; top:5px; transform:rotate(45deg);--webkit-transform: rotate(45deg); display:inline-block; border-top:2px solid #f8f8f8; border-right:2px solid #f8f8f8; z-index:1}
.dir .home { padding-left:10px}
.dir .home:before{ display:none}

...button{
	color:#333333; 
	height:28px; 
	min-height: 28px;
	overflow:hidden; 
	padding:0px 10px 0px 10px ; 
	line-height:28px; 
	font-weight:normal; 
	margin:0px; 
	cursor:pointer;
	border: 0px transparent solid;
	border-radius:3px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	position: relative;
	font-size:12px;
	text-decoration:none
}
.button:hover{text-decoration:none}

.input { height:26px; overflow:hidden; padding-left:4px; line-height:26px; border-top:1px solid #AAAAAA;border-left:1px solid #AAAAAA;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;}


/*windows metro��ɫ*/
.bg-magenta,.bg-magenta:link,.bg-magenta:visited,.bg-magenta:hover{background-color:#FF0097; color:#FFF; text-decoration:none}
.bg-purple,.bg-purple:link,.bg-purple:visited,.bg-purple:hover{background-color:#6E155F; color:#FFF; text-decoration:none}
.bg-teal,.bg-teal:link,.bg-teal:visited,.bg-teal:hover{background-color:#4EB3B9; color:#FFF; text-decoration:none}
.bg-lime,.bg-lime:link,.bg-lime:visited,.bg-lime:hover{background-color:#96B232; color:#FFF; text-decoration:none}
.bg-brown,.bg-brown:link,.bg-brown:visited,.bg-brown:hover{background-color:#A05000; color:#FFF; text-decoration:none}
.bg-pink,.bg-pink:link,.bg-pink:visited,.bg-pink:hover{background-color:#E671BB; color:#FFF; text-decoration:none}
.bg-orange,.bg-orange:link,.bg-orange:visited,.bg-orange:hover{background-color:#DE9317; color:#FFF; text-decoration:none}
.bg-blue,.bg-blue:link,.bg-blue:visited,.bg-blue:hover{background-color:#019f7f; color:#FFF; text-decoration:none}
.bg-red,.bg-red:link,.bg-red:visited,.bg-red:hover{background-color:#E51400; color:#FFF; text-decoration:none}
.bg-green,.bg-green:link,.bg-green:visited,.bg-green:hover{background-color:#339933; color:#FFF; text-decoration:none}
.bg-gray,.bg-gray:link,.bg-gray:visited,.bg-gray:hover{background-color:#666666; color:#FFF; text-decoration:none}
.bg-white,.bg-white:link,.bg-white:visited,.bg-white:hover{background-color:#ffffff; color:#333; text-decoration:none}

.color-magenta,.color-magenta:link,.color-magenta:visited,.color-magenta:hover,.color-magenta a:link,.color-magenta a:visited,.color-magenta a:hover{color:#FF0097}
.color-purple,.color-purple:link,.color-purple:visited,.color-purple:hover,.color-purple a:link,.color-purple a:visited,.color-purple a:hover{color:#6E155F}
.color-teal,.color-teal:link,.color-teal:visited,.color-teal:hover,.color-teal a:link,.color-teal a:visited,.color-teal a:hover{color:#4EB3B9}
.color-lime,.color-lime:link,.color-lime:visited,.color-lime:hover,.color-lime a:link,.color-lime a:visited,.color-lime a:hover{color:#96B232}
.color-brown,.color-brown:link,.color-brown:visited,.color-brown:hover,.color-brown a:link,.color-brown a:visited,.color-brown a:hover{color:#A05000}
.color-pink,.color-pink:link,.color-pink:visited,.color-pink:hover,.color-pink a:link,.color-pink a:visited,.color-pink a:hover{color:#E671BB}
.color-orange,.color-orange:link,.color-orange:visited,.color-orange:hover,.color-orange a:link,.color-orange a:visited,.color-orange a:hover{color:#DE9317}
.color-blue,.color-blue:link,.color-blue:visited,.color-blue:hover,.color-blue a:link,.color-blue a:visited,.color-blue a:hover{color:#019f7f}
.color-red,.color-red:link,.color-red:visited,.color-red:hover,.color-red a:link,.color-red a:visited,.color-red a:hover{color:#E51400}
.color-green,.color-green:link,.color-green:visited,.color-green:hover,.color-green a:link,.color-green a:visited,.color-green a:hover{color:#339933}
.color-gray,.color-gray:link,.color-gray:visited,.color-gray:hover,.color-gray a:link,.color-gray a:visited,.color-gray a:hover{color:#666666}


.bd-blue {}
.bd-blue .tabfocus{color:#019f7f}
.bd-blue .FilterList a:hover{ background-color:#019f7f; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-magenta{}
.bd-magenta .tabfocus{color:#FF0097}
.bd-magenta .FilterList a:hover{ background-color:#FF0097; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-purple{}
.bd-purple .tabfocus{color:#6E155F}
.bd-purple .FilterList a:hover{ background-color:#6E155F; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-teal{}
.bd-teal .tabfocus{color:#4EB3B9}
.bd-teal .FilterList a:hover{ background-color:#4EB3B9; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-lime{}
.bd-lime .tabfocus{color:#96B232}
.bd-lime .FilterList a:hover{ background-color:#96B232; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}



.bd-brown{}
.bd-brown .tabfocus{color:#A05000}
.bd-brown .FilterList a:hover{ background-color:#A05000; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-pink{}
.bd-pink .tabfocus{color:#E671BB}
.bd-pink .FilterList a:hover{ background-color:#E671BB; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-orange{}
.bd-orange .tabfocus{color:#DE9317}
.bd-orange .FilterList a:hover{ background-color:#DE9317; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-red{}
.bd-red .tabfocus{color:#E51400}
.bd-red .FilterList a:hover{ background-color:#E51400; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}

.bd-green{}
.bd-green .tabfocus{color:#339933}
.bd-green .FilterList a:hover{ background-color:#339933; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; }

.bd-gray{}
.bd-gray .tabfocus{color:#666666}
.bd-gray .FilterList a:hover{ background-color:#666666; color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}



/*windows metro��ɫ*/

#Head,#Nav li a{ background-color:#019f7f}
big{ color:#019f7f}
.item,h1{ border-color:#019f7f}
.itemNav .Focus{ border-color:#019f7f;}

.souinput {height:36px; font-size:14px; border:1px solid #019f7f; border-right-width:0px; border-top-left-radius:5px; border-bottom-left-radius:5px; background-image:url(../images/button.png); background-position:left -8px top -458px; background-repeat:no-repeat; padding-left:30px; margin-left:10px;outline:none}
.soubutton{height:38px; font-size:14px; border:0; line-height:38px; overflow:hidden; background-color:#019f7f; color:#FFF;border-top-right-radius:5px; border-bottom-right-radius:5px; cursor:pointer; padding-left:20px; padding-right:25px; margin-left:-1px; margin-right:10px; outline:none}

.itemNav{ border-left:1px solid #EEE; display:flex}
.itemNav li{ flex:1; height:35px; background-color:#fff; text-align:center; border-top:5px solid #EEE }
.itemNav li a{ display:block; line-height:34px;  border-right:1px solid #EEE; border-top-width:0px}
.itemNav .Focus{ background-color:#f4f4f4}

.roundicon{  width:50px; height:50px; border-radius:25px; background-size:50px 2000px; background-image:url(../images/icon1.png); margin:0px auto }
.icon_food{ background-color:#F90;}
.icon_shopping{ background-color:#060; background-position:left -50px}
.icon_movie{ background-color:#36F; background-position:left -100px}
.icon_bus{ background-color:#630; background-position:left -150px}
.icon_ktv{ background-color:#F39; background-position:left -200px}
.icon_hospital{ background-color:#3C9; background-position:left -250px}
.icon_fuwu{ background-color:#069; background-position:left -300px}
.icon_tuan{ background-color:#900; background-position:left -350px}
.icon_bank{ background-color:#C09; background-position:left -400px}
.icon_school{ background-color:#390; background-position:left -450px}
.icon_trip{ background-color:#393; background-position:left -500px}
.icon_woman{ background-color:#F36; background-position:left -550px}
.icon_sport{ background-color:#09F; background-position:left -600px}
.icon_bar{ background-color:#996; background-position:left -650px}
.icon_cafe{ background-color:#C60; background-position:left -700px}
.icon_ice{ background-color:#966; background-position:left -750px}
.icon_hotpot{ background-color:#336; background-position:left -800px}
.icon_wm{ background-color:#F36; background-position:left -850px}
.icon_star{ background-position:left -900px}
.icon_xq{ background-color:#3CC; background-position:left -950px}
.icon_brand{ background-color:#63F; background-position:left -1000px}
.icon_news{ background-color:#903; background-position:left -1050px}
.icon_qq{ background-color:#06C; background-position:left -1100px}
.icon_show{ background-color:#63C; background-position:left -1150px}

.price{ color:#398431}
.distance{ color:#019f7f}
.district{ color:#A05000}
.cate{color:#DE9317}
.address{ color:#666}


/*ͼƬ����Ӧ����*/
.flex-images { overflow: hidden; padding:5px; }
.flex-images .item{ height:auto; line-height:none;background:none; padding:0;border:0; font-weight:normal; font-size:16px}
.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; }
.flex-images .item:before{ display:none}

.nav{ text-align:center; margin-top:5px }
.nav .bd ul{ width:100%;  float:left; }
.nav .bd li{ width:20%; float:left; text-align:center;  }
.nav .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */ }
.nav .hd{ height:10px; line-height:10px;overflow:hidden; text-align:center; margin-bottom:10px}
.nav .hd li{ display:inline-block; width:30px; height:5px; background:#D0D0D0; margin:0 5px; overflow:hidden; 	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:transparnet; font-size:0 }
.nav .hd .on{ background:#80BD6D;  }

.nav .iconfont{ width:40px; height:40px; margin:0 auto; border-radius:100%; color:#FFF; line-height:40px; font-size:22px; text-align:center; background-color:#69F}

.cateicon li{ float:left; width:10%; text-align:center; line-height:25px;}
.cateicon li a{ display:block; height:60px; text-align:center;padding-top:5px; padding-bottom:5px; font-size:12px}
.cateicon li a:hover{ background-color:#EEE}



.clamp3{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.clamp2{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp1{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
/*3��4�ֿ��*/
.w4em{ width:4em; text-align:justify; text-align-last:justify; margin-right:1rem; white-space:nowrap}
.w3em{ width:3em; text-align:justify; text-align-last:justify; margin-right:1rem; white-space:nowrap}
/*��ֱ����*/
.vtop{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }

.round{margin:10px; background-color:#FFF; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.1)}

/*����*/
.bubble{ position:relative;padding:15px;border-radius:5px;font-size:14px;margin:10px}
.bubble.inline{display:inline-block}.bubble.full{ border-radius:0; margin:0}.bubble.small{ font-size:12px}.bubble.large{ font-size:16px}
.bubble.bottom{margin-bottom:20px;}.bubble.bottom:after{content:" ";position:absolute;height:14px;width:14px;transform:rotate(45deg);bottom:-7px;left:calc(50% - 7px);}
.bubble.bottom.l:after{left:20px;}.bubble.bottom.r:after{right:20px;left:auto}
.bubble.top{margin-top:20px;}.bubble.top:before{content:" ";position:absolute;height:14px;width:14px;transform:rotate(45deg);top:-7px;left:calc(50% - 7px);}
.bubble.top.l:before{left:20px; }.bubble.top.r:before{right:20px;left:auto }
.bubble.left{margin-left:20px;}.bubble.left:before{content:" ";position:absolute;height:14px;width:14px;transform:rotate(45deg);left:-7px;top:calc(50% - 7px);}
.bubble.left.t:before{top:20px;}.bubble.left.b:before{bottom:20px;top:auto}
.bubble.right{margin-right:20px;}.bubble.right:after{content:" ";position:absolute;height:14px;width:14px;transform:rotate(45deg) ;right:-7px;top:calc(50% - 7px);}
.bubble.right.t:after{top:20px;}.bubble.right.b:after{bottom:20px;top:auto}

.bg-help,.bg-help.bubble:after,.bg-help.bubble:before{ background-color:#FFFDE7;}
.bg-white.bubble:after,.bg-white.bubble:before{background-color:#FFFFFF}
.bg-success.bubble:after,.bg-success.bubble:before{background-color:#4cd964}
.bg-error.bubble:after,.bg-error.bubble:before{background-color:#f6383a}

.busbody{ background-color:#FFF; margin-bottom:10px}
.busbody h3{ color:#333; font-size:16px; font-weight:bold;padding:10px 15px 0 15px; line-height:2;}
.busbody .content{ padding:10px 15px}
.busbody .businfo li{ color:#888}
.busbody .businfo li strong{ color:#333; width:4.1em; display:inline-block; margin-right:15px; text-align:justify; text-align-last:justify;white-space:nowrap }
.busbody .item{  margin:0 5px;}

.busstop{ overflow-x:scroll; margin:10px;}
.busstop ul{ margin:10px 0;}
.busstop ul li{ width:50px;display:inline-block;text-align:center; position:relative; border-top:2px solid #333; vertical-align:top}
.busstop ul li:after{ content:" ";width:20px; height:20px; border-radius:100%; border:2px solid #900; position:absolute;top:-12px; left:calc(50% - 12px); background-color:#FFF}
.busstop ul li:first-child:after{ content:"���";width:46px; height:20px; border-radius:5px; border:2px solid #900; position:absolute;top:-12px; left:calc(50% - 12px); background-color:#FFF; font-size:12px; line-height:20px; left:0}
.busstop ul li:last-child:after{ content:"�յ�";width:46px; height:20px; border-radius:5px; border:2px solid #900; position:absolute;top:-12px; left:calc(50% - 12px); background-color:#FFF; font-size:12px; line-height:20px; left:0}
.busstop ul li a{width:20px; padding:10px 5px; line-height:1.2; background-color:#CCC; display:block; text-decoration:none; margin:20px auto 0 auto; border-radius:3px; font-size:12px}

.LifeList {position:relative}
.LifeList li{ line-height:20px; overflow:hidden; padding-left:10px;}
.LifeList li a{ display:block; }
.LifeList li:hover{ background-color:#F4F4F4;}
.LifeList img{ width:80px; height:60px; float:left; margin-right:10px}
.LifeList li h5{ font-weight:bold; margin-bottom:2px}
.LifeList .type span a{ color:#F60; font-size:12px}
.LifeList .address span{ color:#999; font-size:12px;}
.LifeList .cate{ font-size:12px;}
.LifeList .type { font-size:12px}
.LifeList .price{ font-size:12px; float:right}
.LifeList .address {font-size:12px;}
.LifeList .distance{ float:right; font-size:12px}
.LifeList a:last-child .Row:after{ left:0; right:0;}
.LifeList:before{content:" ";position:absolute;left:0;top:0; right:0; height:0; border-top:1px solid #e5e5e5; color:#e5e5e5; -webkit-transform-origin:0 0;transform-origin:0 0; -webkit-transform:scaleY(0.5);transform:scaleY(0.5);z-index:2;}

.BusList h5{ font-weight:bold}
.BusList .bus span{ margin-right:10px}


.BrandBox{ padding:4px; display:flex;flex-flow:row wrap;}
.BrandBox li{ flex:1; min-width:33.33%; max-width:33.33%}
.BrandBox li a{ text-decoration:none; display:block; margin:4px}
.BrandBox li .cover{height:0; padding-bottom:75%; position:relative; overflow:hidden}
.BrandBox li .cover img{ width:100%; vertical-align:middle}
.BrandBox li .cover div{text-align:center; padding:10px; color:#FFF; position:absolute; top:0; bottom:0; left:0; right:0;display: flex;justify-content: center;align-items:center;}
.BrandBox li h6{ height:30px; line-height:30px; overflow:hidden; margin:0px; text-align:center; cursor:hand; background-color:#FFF; font-size:12px}
.BrandBox li span{ display:block; text-align:center; background-color:#f4f4f4; font-family:΢���ź�,����; overflow:hidden}
.BrandBox li .f2{ font-size:22px; background-color:#EF4F4F}
.BrandBox li .f3{ font-size:20px; background-color:#f37b1d}
.BrandBox li .f4{ font-size:18px; background-color:#8dc63f}
.BrandBox li .f5{ font-size:16px; background-color:#07C160}
.BrandBox li .f6{ font-size:14px; background-color:#1cbbb4}
.BrandBox li .f7{ font-size:10px; background-color:#019f7f}
.BrandBox li .f8{ font-size:10px; background-color:#6E155F}
.BrandBox li .f9{ font-size:10px; background-color:#9c26b0}
.BrandBox li .f10{ font-size:10px; background-color:#E671BB}
.BrandBox li .f11{ font-size:10px; background-color:#a5673f}


.catelist{display:flex;flex-flow:row wrap; margin-top:1px; margin-left:1px; overflow:auto}
.catelist.reverse{flex-flow:row-reverse wrap-reverse;}
.catelist li{ min-width:25%; flex:1}
.catelist li:after{content:""}
.catelist li a{ background-color:#FFF; padding:0 10px; height:40px; line-height:40px; text-align:center; margin:0 1px 1px 0; display:block; font-size:12px; overflow:hidden}
.catelist .focus a{font-weight:bold;}
.catelist.f14 li a{ font-size:14px}
.catelist.free li{ min-width:inherit; white-space:nowrap}
.catelist.l3 li{ min-width:33.333%;}
.catelist.l2 li{ min-width:50%;}


.SelectNav{ display:flex}
.SelectNav li{ height:40px;  text-align:center; position:relative; flex:1 }
.SelectNav li a{display:block; line-height:38px; padding-right:20px; margin:1px; position:relative;background-color:#fff;}
.SelectNav li a:after{content:"";width:10px; height:10px; border-top:1px solid #DDD; border-right:1px solid #DDD; position:absolute; right:15px; top:calc(50% - 8px);transform:rotate(135deg);}
.SelectNav li a.hide:after{transform:rotate(-135deg); top:calc(50% - 3px)}
.weui-cells{ font-size:14px}



.MovieList{ margin:5px; display:flex;flex-flow:row wrap;}
.MovieList li{min-width:33.33%; max-width:33.33%; flex:1;}
.MovieList li a{ display:block; margin:5px; overflow:hidden}
.MovieList li .cover{ height:0; padding-bottom:130%; background-size:cover; background-position:center center;border-radius:4px 4px 0 0; position:relative; overflow:hidden}
.MovieList li .cover img{ width:100%}
.MovieList li .cover div{ position:absolute; bottom:0; z-index:1}
.MovieList li .cover div span{ padding:0 5px 5px 5px; font-size:10px; color:#FFF; text-shadow:0 0 1px rgba(0,0,0,1); line-height:1; display:block}
.MovieList li h4{ font-size:12px; display:block; line-height:25px; overflow:hidden; text-align:center; height:25px; background-color:#333; color:#FFF;border-radius:0 0 4px 4px; margin-bottom:0}


.page{ text-align:center; line-height:35px; margin:5px; color:#DDD; display:flex }
.page span{ display:block; flex:1; margin:5px}
.page a{background-color:#fff; display:block; height:35px; border:1px solid #EEE; color:#666; border-radius:5px; flex:1}
.page a:hover{ background-color:#EEEEEE; text-decoration:none}


.flex{ display:flex}
.flex .bd{ flex:1}
.flex .ft{ color:#999}
.flex.top{align-items:flex-start;}
.flex.bottom{align-items:flex-end;}
.flex.middle{align-items:center;}
.flex.left{justify-content:flex-start}
.flex.right{justify-content:flex-end}
.flex.center{justify-content:center;}
.flex.between{justify-content:space-between;}
.flex.wrap{flex-wrap:wrap}
.flex.reverse{flex-direction:row-reverse}

.item.flex .ft{font-weight:normal; padding-right:10px}

.card{ position:relative}
.card .head{ display:flex; margin:0 5px}
.card .head li{ flex:1;}
.card .head li a{ display:block; height:40px; text-align:center; line-height:40px; background-color:#EEE; margin:0 5px 0 5px; border-radius:5px 5px 0 0}
.card .head li.focus a{ background-color:#FFF; font-weight:bold}


.button:active{top:1px;left:1px;}
.button:hover{text-decoration:none}
.button	    {color:#FFF;overflow:hidden;font-weight:normal; margin:0px; cursor:pointer;text-align:center;vertical-align: middle;border:0;border-radius:3px;text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;-webkit-appearance : none; }
.button     {height:45px; min-height:45px;line-height:45px;padding:0px 10px 0px 10px ;font-size:16px;display: block;}
.button.m   {height:40px; min-height:40px;line-height:40px;padding:0px 10px 0px 10px ;font-size:14px;display: block;}
.button.s   {height:35px; min-height:35px;line-height:35px;padding:0px 10px 0px 10px ;font-size:14px;display: block;}
.button.xs  {height:30px; min-height:30px;line-height:30px;padding:0px 10px 0px 10px ;font-size:12px;display:inline-block}
.button.mini{height:24px; min-height:24px;line-height:24px;padding:0px 10px 0px 10px ;font-size:12px;display:inline-block}
.button.r{ border-radius:23px}
.button.m.r{ border-radius:20px}
.button.s.r{ border-radius:18px}
.button.xs.r{ border-radius:15px}
.button.mini.r{ border-radius:12px}
.button>a{color:#FFF}

.dplist{ background-color:#FFF}
.dplist li{border-bottom:1px solid #EEE; padding-left:10px; padding-right:10px; padding-bottom:10px}
.dplist li img{ width:40px; height:40px; float:left; margin-right:10px; margin-top:7px}
.dplist li .dplisthead{ line-height:30px}
.dplist li .dplistbody{ line-height:1.5; color:#666; font-size:12px}

.select{ position:relative}
.select select{-webkit-appearance: none;border: 0;outline: 0;background-color: transparent;width: 100%;font-size: inherit;height: 40px;line-height: 40px;position: relative;z-index: 1;padding-left: 10px;color: rgba(0,0,0,.9);}
.select:after{content:""; position:absolute; width:6px; height:6px; border-right:1px solid #666; border-bottom:1px solid #666;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);right:10px; top:14px}
